<!DOCTYPE html>
<html>
<head>
    <title>机动车驾驶人审验教育记录单（正面）单</title>
    <#include "/header.html"/>
    <link rel="stylesheet" type="text/css" href="${request.contextPath}/statics/css/modules/onlinestudy/printRecord.css" />
    <style type="text/css">
        html{
            overflow-y: auto;
        }
    </style>
    <script type="text/javascript">
        var id = GetQueryString("id");
    </script>
</head>

<body>
<div id="vue_app">
<div class="container">
    <div id="printContent">
        <h1 class="text-center">机动车驾驶人审验教育记录单（正面）</h1>
        <div class="page-box">
            <div class="">
                <span class="photo-shell pull-right"></span>
                <div class="clearfix">
                    <div class="info-left pull-left">
                        <p>姓名：<span>{{xxxx.name }}</span></p>
                        <p>档案编号：<span>{{xxxx.dabh }}</span></p>
                        <p class="">
                            学习类型：<span v-if="xxxx.studytype === '2'">3+3+1学习</span><span v-else>6+1学习</span>
                        </p>
                    </div>
                    <div class="info-right pull-left">
                        <p>准驾车型：
                            <span v-if="xxxx.jclx === '01'">小型汽车</span>
                            <span v-else>大型汽车</span>
                        </p>
                        <p>身份证号：<span>{{xxxx.sfzh }}</span></p>
                        <p>测试成绩：<span></span></p>
                    </div>
                </div>
            </div>
        </div>
        <div class="page-box">
            <h2 class="text-center">道路交通安全法律、法规教育学习记录单</h2>
            <div class="">
                <table class="study-record" border="0" cellspacing="0" cellpadding="">
                    <tr>
                        <td>教育时间</td>
                        <td></td>
                        <td>驾驶人签字</td>
                        <td></td>
                        <td>教练签字</td>
                        <td></td>
                    </tr>
                    <tr>
                        <td>教育时间</td>
                        <td></td>
                        <td>驾驶人签字</td>
                        <td></td>
                        <td>教练签字</td>
                        <td></td>
                    </tr>

                    <tr>
                        <td>教育时间</td>
                        <td></td>
                        <td>驾驶人签字</td>
                        <td></td>
                        <td>教练签字</td>
                        <td></td>
                    </tr>

                    <tr>
                        <td>教育时间</td>
                        <td></td>
                        <td>驾驶人签字</td>
                        <td></td>
                        <td>教练签字</td>
                        <td></td>
                    </tr>

                    <tr>
                        <td>教育时间</td>
                        <td></td>
                        <td>驾驶人签字</td>
                        <td></td>
                        <td>教练签字</td>
                        <td></td>
                    </tr>

                    <tr>
                        <td>教育时间</td>
                        <td></td>
                        <td>驾驶人签字</td>
                        <td></td>
                        <td>教练签字</td>
                        <td></td>
                    </tr>
                </table>
            </div>
        </div>
        <div class="page-box">
            <p class="text-indent">该驾驶人于&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年
                &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日
                参加了道路交通安全法律法规、交通安全文明驾驶、应急处置等知识学习和交通事故案例警示教育。</p>
        </div>
        <div class="page-box clearfix">
            <p style="font-weight:600;margin:0;">在线学习照片</p>
            <ul class="study-imgs clearfix">
                <template v-for="a in imgList">
                    <li><img :src="a.img" alt="" /></li>
                </template>
            </ul>
        </div>
        <div class="page-box clearfix">
            <div class="footer-remark pull-right">
                <p>市（县、区）公安机关<br />交通管理部门（印章）</p>
                <p class="text-right">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;年
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;月&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日</p>
            </div>
        </div>
    </div>
    <div class="print-btn" id="printBtn" onclick="printdiv('printContent')">打印本页</div>
</div>
<div class="container">
    <div class="page-box">
        <div id="printContentBak">
            <h1 class="text-center">机动车驾驶人满分教育记录单（背面）</h1>
            <h2 class="text-center margin-top50">参加满分教育须知</h2>
            <div class="margin-top50 clearfix">
                <div class="clearfix">
                    <p class="text-indent">机动车驾驶人参加满分教育不得由他人替学，不得扰乱课堂纪律，不得迟到早退，违反相关规定者取消本次参加教育资格，另行预约参加教育。</p>
                </div>
                <div class="clearfix">
                    <p class="pull-right auditor-sign">驾驶人签字：</p>
                </div>
            </div>
            <h2 class="text-center margin-top50">驾驶人身份证复印件</h2>
            <!-- 					<div class="ID-card"> -->
            <!-- 						<img src="img/temp-1@2x.png" alt="" /> -->
            <!-- 						<img src="img/temp-3@2x.png" alt="" /> -->
            <!-- 					</div> -->
        </div>
    </div>
    <div class="print-btn" id="printBtn_bak" onclick="printdiv('printContentBak')">打印本页</div>
</div>
</div>
<script type="text/javascript" src="${request.contextPath}/statics/js/modules/offlinestudy/studyprint.js"></script>
<script type="text/javascript" src="${request.contextPath}/statics/js/modules/onlinestudy/printRecord.js"></script>
</body>

</html>